<ui:composition template="template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="body_content">

        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
            
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Registro de horario </h3>  
            
            
            
            
        <ace:panel styleClass="panel-principal" >
            <h:form id="registro_horario">
                
                <icecore:singleSubmit />
                    <h:form id="form_registro_horario">
                        
                    <f:facet name="label">Crear Horario</f:facet>

                    <span Class="titulo_Encabezado_Izq">Usuario Registrado: <strong>Michael Torres </strong> </span>
                    <span Class="titulo_Encabezado_Der"> Número Marchamo: <strong>269</strong></span>
                            
                    <h:graphicImage value="img/new_icons/calendar_add.png" class="ico-head" />
                    <span Class="titulo_panel">Registro de horario de uso</span>
                             
                             
                             
                    <p>Agregar al horario los dias en que el usuario utiliza los parqueos universitarios</p>
                    <h:panelGrid columns="3" columnClasses="columnas,columnas" width="100%" styleClass="panel_border" >
                                
                        <ice:selectOneMenu id="Hora_Salida">                                        
                            <label for="Hora Entrada" >Hora entrada : </label>
                            <f:selectItem id="item0E" itemLabel=" Seleccionar " itemValue="" />
                            <f:selectItem id="item7E" itemLabel="7:00am" itemValue="7:00am" />
                            <f:selectItem id="item8E" itemLabel="8:00am" itemValue="8:00am" />
                            <f:selectItem id="item9E" itemLabel="9:00am" itemValue="9:00am" />
                            <f:selectItem id="item10E" itemLabel="10:00am" itemValue="10:00am" />
                            <f:selectItem id="item11E" itemLabel="11:00am" itemValue="11:00am" />
                            <f:selectItem id="item12E" itemLabel="12:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item13E" itemLabel="1:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item14E" itemLabel="2:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item15E" itemLabel="3:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item16E" itemLabel="4:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item17E" itemLabel="5:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item18E" itemLabel="6:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item19E" itemLabel="7:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item20E" itemLabel="8:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item21E" itemLabel="9:00pm" itemValue="12:00pm" />
                        </ice:selectOneMenu>
                        <ice:selectOneMenu  id="Hora_Entrada"> 
                            <label for="Hora Salida" >Hora salida : </label>
                            <f:selectItem id="item0S" itemLabel=" Seleccionar " itemValue="" />
                            <f:selectItem id="item7S" itemLabel="7:00am" itemValue="7:00am" />
                            <f:selectItem id="item8S" itemLabel="8:00am" itemValue="8:00am" />
                            <f:selectItem id="item9S" itemLabel="9:00am" itemValue="9:00am" />
                            <f:selectItem id="item10S" itemLabel="10:00am" itemValue="10:00am" />
                            <f:selectItem id="item11S" itemLabel="11:00am" itemValue="11:00am" />
                            <f:selectItem id="item12S" itemLabel="12:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item13S" itemLabel="1:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item14S" itemLabel="2:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item15S" itemLabel="3:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item16S" itemLabel="4:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item17S" itemLabel="5:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item18S" itemLabel="6:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item19S" itemLabel="7:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item20S" itemLabel="8:00pm" itemValue="12:00pm" />
                            <f:selectItem id="item21S" itemLabel="9:00pm" itemValue="12:00pm" />
                        </ice:selectOneMenu>
                                    
                                    
                                    
                        <ice:selectOneMenu id="Dia_Curso">
                                    
                            <label for="Parqueo" >Día de curso : </label>
                            <f:selectItem id="item" itemLabel=" Seleccionar " itemValue="" />
                            <f:selectItem id="itemL" itemLabel="Lunes" itemValue="Lunes" />
                            <f:selectItem id="itemK" itemLabel="Martes" itemValue="Martes" />
                            <f:selectItem id="itemI" itemLabel="Miércoles" itemValue="Miércoles" />
                            <f:selectItem id="itemJ" itemLabel="Jueves" itemValue="Jueves" />
                            <f:selectItem id="itemV" itemLabel="Viernes" itemValue="Viernes" />
                            <f:selectItem id="itemS" itemLabel="Sábado" itemValue="Sábado" />
                                        
                        </ice:selectOneMenu>
                                    
                        <ice:selectOneMenu id="Parqueo_Preferido">
                                    
                            <label for="Parqueo" >Parqueo preferido: </label>
                            <f:selectItem id="item10" itemLabel="Seleccionar" itemValue="" />
                            <f:selectItem id="item12" itemLabel="Biología" itemValue="Biología" />
                            <f:selectItem id="item13" itemLabel="Ciencias Sociales" itemValue="Ciencias Sociales" />
                            <f:selectItem id="item14" itemLabel="Filosofía y Letras" itemValue="Filosofía y Letras" />
                            <f:selectItem id="item15" itemLabel="Uriche" itemValue="Uriche" />
                        </ice:selectOneMenu>
                                    
                                    
                                    
                                    
                                    
                        <input type="submit" id="enviar" onclick="confirmation.show()" Class="botonEnviarConsulta" value="Agregar" href="#"/>
                                        
                                        
                        <ace:confirmationDialog id="confirmDialog" 
                                                widgetVar="confirmation"
                                                message="Seguro(a) que desea agregar este día al horario?"
                                                header="Confirmación"
                                                width="450"
                                                height="200"
                                                modal="false"
                                                closeOnEscape="true"
                                                closable="true"
                                                position="top"
                                                styleClass="confirmacion_dialog dialog-margin">
                            <h:panelGrid columns="2" styleClass="centeredPanelGrid">
                                <h:commandButton id="yes" value="Sí" onclick="confirmation.hide()" actionListener=" "/>
                                <h:commandButton id="no" value="No" onclick="confirmation.hide()" action=" " />
                            </h:panelGrid>
                        </ace:confirmationDialog>
                    </h:panelGrid>
                                
                    <!-- INICIO TOOLTIPS ================================================= -->
                    <ace:tooltip id="tooltipParqueo"
                                 for="Parqueo_Preferido"
                                 speechBubble="true"
                                 showEffect="slide"
                                 hideEffect="grow"
                                 showDelay="500"
                                 hideDelay="300"
                                 position="bottomLeft"
                                 targetPosition="topRight"
                                 showEffectLength="300"
                                 hideEffectLength="300">
                        <h:panelGrid styleClass="tooltipBoxStyle"> 
                            <h:outputText id="parqueo_mns" value="Seleccione el parqueo de preferencia"/>
                        </h:panelGrid>   
                    </ace:tooltip>
                                
                    <ace:tooltip id="tooltipDia_Curso"
                                 for="Dia_Curso"
                                 speechBubble="true"
                                 showEffect="slide"
                                 hideEffect="grow"
                                 showDelay="500"
                                 hideDelay="300"
                                 position="bottomLeft"
                                 targetPosition="topRight"
                                 showEffectLength="300"
                                 hideEffectLength="300">
                        <h:panelGrid styleClass="tooltipBoxStyle"> 
                            <h:outputText id="Dia_curso_mns" value="Seleccione el día que hará uso de los parqueos"/>
                        </h:panelGrid>   
                    </ace:tooltip>
                                
                    <ace:tooltip id="tooltipHora_Entrada"
                                 for="Hora_Entrada"
                                 speechBubble="true"
                                 showEffect="slide"
                                 hideEffect="grow"
                                 showDelay="500"
                                 hideDelay="300"
                                 position="bottomLeft"
                                 targetPosition="topRight"
                                 showEffectLength="300"
                                 hideEffectLength="300">
                        <h:panelGrid styleClass="tooltipBoxStyle"> 
                            <h:outputText id="Hora_Entrada_mns" value="Seleccione la hora de entrada al parqueo"/>
                        </h:panelGrid>   
                    </ace:tooltip>
                                
                    <ace:tooltip id="tooltipHora_Salida"
                                 for="Hora_Salida"
                                 speechBubble="true"
                                 showEffect="slide"
                                 hideEffect="grow"
                                 showDelay="500"
                                 hideDelay="300"
                                 position="bottomLeft"
                                 targetPosition="topRight"
                                 showEffectLength="300"
                                 hideEffectLength="300">
                        <h:panelGrid styleClass="tooltipBoxStyle"> 
                            <h:outputText id="Hora_Salida_Mns" value="Seleccione la hora de salida del parqueo"/>
                        </h:panelGrid>   
                    </ace:tooltip>
                    <!-- FIN TOOLTIPS ================================================= -->
                                
                                
                </h:form>
                         
                         
                    <f:facet name="label">Detalle horario
                        
                </f:facet>
                        
                <h:graphicImage value="img/new_icons/schedule.png" class="ico-head" />
                <span Class="titulo_panel">Detalle de horario del usuario</span>
                <input type="submit" id="enviar" onclick="history.go(-1)" Class="botonEnviarConsulta" value="Registrar Horario" href="#"/>
                <!-- <ace:panel id="Resultados"  header="Resultados"> -->
                <h:form id="detalle_horario">
                    <ice:dataTable
                        value="#{frecuenciaParqueos.frecuenciaUso}"
                        var="item"
                        width="100%">
                                    
                        <!-- Día -->
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText value="Día"/>
                            </f:facet>
                            <ice:outputText  style="text-align: center;" value="#{item.dia}"/>
                        </ice:column>
                                    
                        <!-- Hora Entrada -->
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText value="Hora entrada"/>
                            </f:facet>
                            <ice:outputText style="text-align: center;" value="#{item.hora_Entrada}"/>
                        </ice:column>
                                    
                        <!-- Hora Salida  -->
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText value="Hora salida"/>
                            </f:facet>
                            <ice:outputText style="text-align: center;" value="#{item.hora_Salida}"/>
                        </ice:column>
                                    
                        <!-- Parqueo -->
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText value="Parqueo"/>
                            </f:facet>
                            <ice:outputText style="text-align: center;" value="#{item.parqueo}"/>
                        </ice:column>
                        <ice:column>
                            <f:facet name="header">Editar</f:facet>
                                        
                            <h:commandButton image="img/new_icons/edit.png"
                                             title="Delete"
                                             style="height: 11px; width: 11px;">
                                <f:setPropertyActionListener target="true" value="12"/>
                            </h:commandButton>
                        </ice:column>
                        <ice:column>
                            <f:facet name="header">Eliminar</f:facet>
                            <h:commandButton image="img/new_icons/delete.png"
                                             title="Delete"
                                             style="height: 11px; width: 11px;">
                                <f:setPropertyActionListener target="true" value="12"/>
                            </h:commandButton>
                        </ice:column>
                    </ice:dataTable>

                </h:form>   
                <!-- </ace:panel>-->
                       
            </h:form>
        </ace:panel>
          
          
          
    </ui:define>
</ui:composition>
